<!doctype html>
<html class="no-js"xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>xxx旗舰店</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- All css files are included here. -->
    <!-- Bootstrap fremwork main css -->
    <link rel="stylesheet" th:href="@{/new/css/bootstrap.min.css}">
    <!-- Owl Carousel main css -->
    <link rel="stylesheet" th:href="@{/new/css/owl.carousel.min.css}">
    <link rel="stylesheet"th:href="@{/new/css/owl.theme.default.min.css}">
    <!-- This core.css file contents all plugings css file. -->
    <link rel="stylesheet" th:href="@{/new/css/core.css}">
    <!-- Theme shortcodes/elements style -->
    <link rel="stylesheet" th:href="@{/new/css/shortcode/shortcodes.css}">
    <!-- Theme main style -->
    <link rel="stylesheet" th:href="@{/new/style.css}">
    <!-- Responsive css -->
    <link rel="stylesheet" th:href="@{/new/css/responsive.css}">

    <link rel="stylesheet" th:href="@{/new/css/custom.css}">

    <link rel="shortcut icon" type="image/x-icon" th:href="@{/myFile/imgold/icon/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/home.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">

    <script type="text/javascript" th:src="@{/theme/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.all.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/delCartOnPages.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/searchToPage.js}"></script>
    <script type="text/javascript" >
        $(document).ready(function () {
            var data = $("#cartIdNull").val();
            $("#test").mouseover(function () {
                if(data=='notNull'){
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['19%','60%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }else{
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['20%','20%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }
            });

        });
        function logout() {
            $.ajax({
                url: "/user/logout",
                dataType: "json",
                data: {},
                async: false,
                success: function (data) {
                    if (data["result"] == "ok") {
                        layer.msg('退出成功', {time: 1000}, function () {
                            window.location="index" ;
                        });
                    } else if (data["result"] == "fail") {
                        layer.msg('您还没有登录哦~', {time: 1000}, function () {
                            window.location.reload();
                        });
                    }
                },
                type: "post"
            });
        }
        (function (a) {
            a.fn.hoverClass = function (b) {
                var a = this;
                a.each(function (c) {
                    a.eq(c).hover(function () {
                        $(this).addClass(b)
                    }, function () {
                        $(this).removeClass(b)
                    })
                });
                return a
            };
        })(jQuery);

        $(function () {
            $("#pc-nav").hoverClass("current");
        });
        function banner1(){
            var bn_id = 0;
            var bn_id2= 1;
            var speed33=3000;
            var qhjg = 1;
            var MyMar33;
            $("#banner .d1").hide();
            $("#banner .d1").eq(0).fadeIn("slow");
            if($("#banner .d1").length>1)
            {
                $("#banner_id li").eq(0).addClass("nuw");
                function Marquee33(){
                    bn_id2 = bn_id+1;
                    if(bn_id2>$("#banner .d1").length-1)
                    {
                        bn_id2 = 0;
                    }
                    $("#banner .d1").eq(bn_id).css("z-index","1");
                    $("#banner .d1").eq(bn_id2).css("z-index","2");
                    $("#banner .d1").eq(bn_id2).show();
                    $("#banner .d1").eq(bn_id).fadeOut("slow");
                    $("#banner_id li").removeClass("nuw");
                    $("#banner_id li").eq(bn_id2).addClass("nuw");
                    bn_id=bn_id2;
                };
                MyMar33=setInterval(Marquee33,speed33);
                $("#banner_id li").click(function(){
                    var bn_id3 = $("#banner_id li").index(this);
                    if(bn_id3!=bn_id&&qhjg==1)
                    {
                        qhjg = 0;
                        $("#banner .d1").eq(bn_id).css("z-index","1");
                        $("#banner .d1").eq(bn_id3).css("z-index","2");
                        $("#banner .d1").eq(bn_id3).show();
                        $("#banner .d1").eq(bn_id).fadeOut("slow",function(){qhjg = 1;});
                        $("#banner_id li").removeClass("nuw");
                        $("#banner_id li").eq(bn_id3).addClass("nuw");
                        bn_id=bn_id3;
                    }
                })
                $("#banner_id").hover(
                    function(){
                        clearInterval(MyMar33);
                    }
                    ,
                    function(){
                        MyMar33=setInterval(Marquee33,speed33);
                    }
                )
            }
            else
            {
                $("#banner_id").hide();
            }
        }

    </script>

</head>

<body>

<input type="hidden" id="cartIdNull" th:value="${session.cartIsNull}">
<header id="pc-header" style="border-bottom: 3px solid #ea4949;">
    <div class="BHeader">
        <div class="yNavIndex">
            <ul class="BHeaderl">
                <li><a th:if="${session.userId}==null"  th:href="@{/login}">请登录</a> </li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:if="${session.userId}==null" th:href="@{/register}">免费注册</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:href="@{/myOrder?pageNum=1&pageSize=5}" th:if="${session.userId}!=null">我的订单</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li><a th:href="@{/myCollect?pageNum=1&pageSize=8}" th:if="${session.userId}!=null">我的收藏</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li id="pc-nav" class="menu" th:if="${session.userId}!=null" ><a th:href="@{#}" class="tit">我的淘淘</a>
                    <div class="subnav">
                        <a th:href="@{/accountSecurity}">账户安全</a>
                        <a th:href="@{/myAddress}">地址管理</a>
                        <a th:href="@{/myEvaluate?pageNum=1&pageSize=5}">我的评价</a>
                        <a th:href="@{/viewHistory?pageNum=1&pageSize=5}">浏览记录</a>
                    </div>
                </li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li th:if="${session.userId}!=null">
                    <a th:text="${session.userName}"></a>
                </li>
                <li th:if="${session.userId}!=null">
                    <img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''" onclick="javascript:window.location='myInfo'"  style=" width:30px;height:30px;">
                    <a href="javascript:logout()" style="float: right;">退出</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container clearfix"style="padding:20px 0 20px ">
        <div class="header-logo fl" ><h1><a th:href="@{/index}" style="color:#ea4949;">
            <img th:src="@{/myFile/imgold/icon/logo1.png}"style="width:100px;height:80px;"><strong style="font-size: 28px">淘淘商城</strong></a></h1>
        </div>
        <div class="head-form fl">
            <form class="clearfix">
                <input type="text" class="search-text" id="searchKey" autocomplete="off" placeholder="手机" style="width:470px;height:36px;">
                <button type="button" class="button" onclick="searchToPage();">搜索</button>
            </form>

        </div>
        <div class="header-cart fr" th:if="${session.userId}!=null">
            <a  th:href="@{/myCart?pageNum=1&pageSize=5}" target="_blank"
                style="height:30px;width:30px;float:right;margin-right:50px;"><img
                    id="test" src="../myFile/imgold/icon/car.png"></a>
            <i th:if="${session.cartIsNull}=='notNull'" class="head-amount" id="cartCountExist" th:text="${session.cartAllCount}"></i>
            <i th:if="${session.cartIsNull}=='null'" class="head-amount" id="cartCountUnExist">0</i>
        </div>

    </div>

</header>
<!-- Body main wrapper start -->
<div class="wrapper fixed__footer" >
    <!-- Start Header Style -->
    <header id="header" class="htc-header header--3 bg__white">
        <!-- Start Mainmenu Area -->
        <div class="mainmenu__area sticky__header">
            <div class="container" >
                <div class="row">
                    <div class="col-md-2 col-lg-2 col-sm-3 col-xs-3">
                        <div class="logo">
                            <a href="index.html">
                                <img src="../new/images/logo/uniqlo.png" alt="logo">
                            </a>
                        </div>
                    </div>
                    <!-- Start MAinmenu Ares -->
                    <div class="col-md-8 col-lg-8 col-sm-6 col-xs-6">
                        <nav class="mainmenu__nav hidden-xs hidden-sm">
                            <ul class="main__menu">
                                <li class="drop"style="height:80px;width:200px"><a href="#">商品分类</a>
                                    <ul class="dropdown">
                                        <li><a href="index.html">Home 1</a></li>
                                        <li><a href="index-2.html">Home 2</a></li>
                                        <li><a href="index-3.html">Home 3</a></li>
                                        <li><a href="index-4.html">Home 4</a></li>
                                        <li><a href="index-5.html">Home 5</a></li>
                                        <li><a href="index-6.html">Home 6</a></li>
                                        <li><a href="index-7.html">Home 7</a></li>
                                        <li><a href="index-8.html">Home 8</a></li>
                                        <li><a href="index-9.html">Home 9</a></li>
                                        <li><a href="index-10.html">Home 10</a></li>
                                    </ul>
                                </li>
                                <li style="height:80px;width:200px"><a th:href="@{/storeAbout}">关于我们</a></li>
                                <li><a th:href="@{/storeApply}"target="_blank">店铺申请</a></li>
                            </ul>
                        </nav>
                    </div>

                </div>
            </div>
        </div>
        <!-- End Mainmenu Area -->
    </header>
    <!-- End Header Style -->
    <div class="body__overlay"></div>
    <!-- Start Offset Wrapper -->
        <!-- End Search Popap -->
        <!-- Start Offset MEnu -->
        <div class="offsetmenu">
            <div class="offsetmenu__inner">
                <div class="offsetmenu__close__btn">
                    <a href="#"><i class="zmdi zmdi-close"></i></a>
                </div>
                <div class="off__contact">
                    <div class="logo">
                        <a href="index.html">
                            <img src="../new/images/logo/uniqlo.png" alt="logo">
                        </a>
                    </div>
                    <p>Lorem ipsum dolor sit amet consectetu adipisicing elit sed do eiusmod tempor incididunt ut labore.</p>
                </div>
                <ul class="sidebar__thumd">
                    <li><a href="#"><img src="../new/images/sidebar-img/1.jpg" alt="sidebar images"></a></li>
                    <li><a href="#"><img src="../new/images/sidebar-img/2.jpg" alt="sidebar images"></a></li>
                    <li><a href="#"><img src="../new/images/sidebar-img/3.jpg" alt="sidebar images"></a></li>
                    <li><a href="#"><img src="../new/images/sidebar-img/4.jpg" alt="sidebar images"></a></li>
                    <li><a href="#"><img src="../new/images/sidebar-img/5.jpg" alt="sidebar images"></a></li>
                    <li><a href="#"><img src="../new/images/sidebar-img/6.jpg" alt="sidebar images"></a></li>
                    <li><a href="#"><img src="../new/images/sidebar-img/7.jpg" alt="sidebar images"></a></li>
                    <li><a href="#"><img src="../new/images/sidebar-img/8.jpg" alt="sidebar images"></a></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Offset Wrapper -->
    <!-- Start Bradcaump area -->
    <section id="pc-banner" >
        <div class="yBanner" style="margin-left:550px;width:800px;border:3px solid gray">
            <div class="banner" id="banner">
                <a href="javascript:;" class="d1"
                   style="background:url(new/images/new-product/1.jpg) center no-repeat; padding-left:180px;"></a>
                <a href="javascript:;" class="d1"
                   style="background:url(new/images/new-product/2.jpg) center no-repeat;padding-left:180px;"></a>
                <a href="javascript:;" class="d1"
                   style="background:url(new/images/new-product/3.jpg) center no-repeat; padding-left:180px;"></a>
                <a href="javascript:;" class="d1"
                   style="background:url(new/images/new-product/4.jpg) center no-repeat; padding-left:180px;"></a>
                <a href="javascript:;" class="d1"
                   style="background:url(new/images/new-product/5.jpg) center no-repeat; padding-left:180px;"></a>
                <div class="d2" id="banner_id">
                    <ul style="left:0;">
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
            <div style="text-align:center;clear:both"></div>
        </div>
    </section>
    <!-- End Bradcaump area -->
    <!-- Start Our ShopSide Area -->
    <section class="htc__shop__sidebar bg__white ptb--120">
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-lg-3 col-sm-12 col-xs-12">
                    <div class="htc__shop__left__sidebar">
                        <!-- Start Range -->
                        <div class="htc-grid-range">
                            <h4 class="section-title-4">FILTER BY PRICE</h4>
                            <div class="content-shopby">
                                <div class="price_filter s-filter clear">
                                    <form action="#" method="GET">
                                        <div id="slider-range"></div>
                                        <div class="slider__range--output">
                                            <div class="price__output--wrap">
                                                <div class="price--output">
                                                    <span>Price :</span><input type="text" id="amount" readonly>
                                                </div>
                                                <div class="price--filter">
                                                    <a href="#">Filter</a>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <!-- End Range -->
                        <!-- Start Product Cat -->
                        <div class="htc__shop__cat">
                            <h4 class="section-title-4">PRODUCT CATEGORIES</h4>
                            <ul class="sidebar__list">
                                <li><a href="#">Accessories <span>3</span></a></li>
                                <li><a href="#">Book <span>4</span></a></li>
                                <li><a href="#">Clothing <span>3</span></a></li>
                                <li><a href="#">Homelife <span>6</span></a></li>
                                <li><a href="#">Kids & Baby <span>10</span></a></li>
                                <li><a href="#">Stationery <span>3</span></a></li>
                                <li><a href="#">Health & Beauty <span>12</span></a></li>
                                <li><a href="#">Home Appliances <span>15</span></a></li>
                            </ul>
                        </div>
                        <!-- End Product Cat -->
                        <!-- Start Color Cat -->
                        <div class="htc__shop__cat">
                            <h4 class="section-title-4">CHOOSE COLOUR</h4>
                            <ul class="sidebar__list">
                                <li class="black"><a href="#"><i class="zmdi zmdi-circle"></i>Black<span>3</span></a></li>
                                <li class="blue"><a href="#"><i class="zmdi zmdi-circle"></i>Blue <span>4</span></a></li>
                                <li class="brown"><a href="#"><i class="zmdi zmdi-circle"></i>Brown <span>3</span></a></li>
                                <li class="red"><a href="#"><i class="zmdi zmdi-circle"></i>Red <span>6</span></a></li>
                                <li class="orange"><a href="#"><i class="zmdi zmdi-circle"></i>Orange <span>10</span></a></li>
                            </ul>
                        </div>
                        <!-- End Color Cat -->
                        <!-- Start Size Cat -->
                        <div class="htc__shop__cat">
                            <h4 class="section-title-4">PRODUCT CATEGORIES</h4>
                            <ul class="sidebar__list">
                                <li><a href="#">xl <span>3</span></a></li>
                                <li><a href="#">l <span>4</span></a></li>
                                <li><a href="#">lm <span>3</span></a></li>
                                <li><a href="#">ml <span>6</span></a></li>
                                <li><a href="#">m <span>10</span></a></li>
                                <li><a href="#">ml <span>3</span></a></li>
                            </ul>
                        </div>
                        <!-- End Size Cat -->
                    </div>
                </div>
                <div class="col-md-9 col-lg-9 col-sm-12 col-xs-12 smt-30">
                    <div class="row">
                        <div class="col-md-12 col-lg-12 col-sm-12 col-xs-12">
                            <div class="producy__view__container">
                                <!-- Start Short Form -->
                                <div class="product__list__option">
                                    <div class="order-single-btn">
                                        <select class="select-color selectpicker">
                                            <option>Sort by newness</option>
                                            <option>Match</option>
                                            <option>Updated</option>
                                            <option>Title</option>
                                            <option>Category</option>
                                            <option>Rating</option>
                                        </select>
                                    </div>
                                    <div class="shp__pro__show">
                                        <span>Showing 1 - 4 of 25 results</span>
                                    </div>
                                </div>
                                <!-- End Short Form -->
                                <!-- Start List And Grid View -->
                                <ul class="view__mode" role="tablist">
                                    <li role="presentation" class="grid-view active"><a href="#grid-view" role="tab" data-toggle="tab"><i class="zmdi zmdi-grid"></i></a></li>
                                    <li role="presentation" class="list-view"><a href="#list-view" role="tab" data-toggle="tab"><i class="zmdi zmdi-view-list"></i></a></li>
                                </ul>
                                <!-- End List And Grid View -->
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="shop__grid__view__wrap">
                            <!-- Start Single View -->
                            <div role="tabpanel" id="grid-view" class="single-grid-view tab-pane fade in active clearfix">
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/1.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Product -->
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/2.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Product -->
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/3.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Product -->
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/4.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Product -->
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/5.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Product -->
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/6.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Product -->
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/7.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Product -->
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/8.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <!-- End Single Product -->
                                <!-- Start Single Product -->
                                <div class="col-md-3 col-lg-4 col-sm-4 col-xs-12">
                                    <div class="product">
                                        <div class="product__inner">
                                            <div class="pro__thumb">
                                                <a href="#">
                                                    <img src="../new/images/product/9.png" alt="product images">
                                                </a>
                                            </div>
                                            <div class="product__hover__info">
                                                <ul class="product__action">
                                                    <li><a data-toggle="modal" data-target="#productModal" title="查看商品详情" class="quick-view modal-view detail-link" href="#"><span class="ti-eye"></span></a></li>
                                                    <li><a title="加入购物车" href="cart.html"><span class="ti-shopping-cart"></span></a></li>
                                                </ul>
                                            </div>
                                            <div class="add__to__wishlist">
                                                <a data-toggle="tooltip" title="收藏" class="add-to-cart" href="wishlist.html"><span class="ti-heart"></span></a>
                                            </div>
                                        </div>
                                        <div class="product__details">
                                            <h2><a href="product-details.html">简约黑表</a></h2>
                                            <ul class="product__price">
                                                <li class="old__price">$16.00</li>
                                                <li class="new__price">$10.00</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- End Single View -->
                            <!-- Start Single View -->
                            <div role="tabpanel" id="list-view" class="single-grid-view tab-pane fade clearfix">
                                <!-- Start List Content-->
                                <div class="single__list__content clearfix">
                                    <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
                                        <div class="list__thumb">
                                            <a href="product-details.html">
                                                <img src="../new/images/product/1.png" alt="list images">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-lg-9 col-sm-8 col-xs-12">
                                        <div class="list__details__inner">
                                            <h2><a href="product-details.html">Ninja Silhouette</a></h2>
                                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet…</p>
                                            <span class="product__price">$15.00</span>
                                            <div class="shop__btn">
                                                <a class="htc__btn" href="cart.html"><span class="ti-shopping-cart"></span>Add to Cart</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End List Content-->
                                <!-- Start List Content-->
                                <div class="single__list__content clearfix">
                                    <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
                                        <div class="list__thumb">
                                            <a href="product-details.html">
                                                <img src="../new/images/product/2.png" alt="list images">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-lg-9 col-sm-8 col-xs-12">
                                        <div class="list__details__inner">
                                            <h2><a href="product-details.html">Ninja Silhouette</a></h2>
                                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet…</p>
                                            <span class="product__price">$15.00</span>
                                            <div class="shop__btn">
                                                <a class="htc__btn" href="cart.html"><span class="ti-shopping-cart"></span>Add to Cart</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End List Content-->
                                <!-- Start List Content-->
                                <div class="single__list__content clearfix">
                                    <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
                                        <div class="list__thumb">
                                            <a href="product-details.html">
                                                <img src="../new/images/product/3.png" alt="list images">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-lg-9 col-sm-8 col-xs-12">
                                        <div class="list__details__inner">
                                            <h2><a href="product-details.html">Ninja Silhouette</a></h2>
                                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet…</p>
                                            <span class="product__price">$15.00</span>
                                            <div class="shop__btn">
                                                <a class="htc__btn" href="cart.html"><span class="ti-shopping-cart"></span>Add to Cart</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End List Content-->
                                <!-- Start List Content-->
                                <div class="single__list__content clearfix">
                                    <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
                                        <div class="list__thumb">
                                            <a href="product-details.html">
                                                <img src="../new/images/product/4.png" alt="list images">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-lg-9 col-sm-8 col-xs-12">
                                        <div class="list__details__inner">
                                            <h2><a href="product-details.html">Ninja Silhouette</a></h2>
                                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet…</p>
                                            <span class="product__price">$15.00</span>
                                            <div class="shop__btn">
                                                <a class="htc__btn" href="cart.html"><span class="ti-shopping-cart"></span>Add to Cart</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End List Content-->
                                <!-- Start List Content-->
                                <div class="single__list__content clearfix">
                                    <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
                                        <div class="list__thumb">
                                            <a href="product-details.html">
                                                <img src="../new/images/product/5.png" alt="list images">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-lg-9 col-sm-8 col-xs-12">
                                        <div class="list__details__inner">
                                            <h2><a href="product-details.html">Ninja Silhouette</a></h2>
                                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet…</p>
                                            <span class="product__price">$15.00</span>
                                            <div class="shop__btn">
                                                <a class="htc__btn" href="cart.html"><span class="ti-shopping-cart"></span>Add to Cart</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End List Content-->
                                <!-- Start List Content-->
                                <div class="single__list__content clearfix">
                                    <div class="col-md-3 col-lg-3 col-sm-4 col-xs-12">
                                        <div class="list__thumb">
                                            <a href="product-details.html">
                                                <img src="../new/images/product/6.png" alt="list images">
                                            </a>
                                        </div>
                                    </div>
                                    <div class="col-md-9 col-lg-9 col-sm-8 col-xs-12">
                                        <div class="list__details__inner">
                                            <h2><a href="product-details.html">Ninja Silhouette</a></h2>
                                            <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet…</p>
                                            <span class="product__price">$15.00</span>
                                            <div class="shop__btn">
                                                <a class="htc__btn" href="cart.html"><span class="ti-shopping-cart"></span>Add to Cart</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- End List Content-->
                            </div>
                            <!-- End Single View -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Our ShopSide Area -->
    <!-- Start Footer Area -->
    <!-- End Footer Area -->
</div>
<!-- Body main wrapper end -->
<!-- QUICKVIEW PRODUCT -->
<div class="aui-footer-bot">
    <div class="time-lists aui-footer-pd clearfix">
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d2.png}"></span>
                <em>新手上路</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d3.png}"></span>
                <em>保障正品</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
    <div style="border-bottom:1px solid #dedede"></div>
    <div class="time-lists aui-footer-pd time-lists-ls clearfix">
        <div class="aui-footer-list clearfix">
            <h4>购物指南</h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">购物流程</a></li>
                <li><a th:href="@{/#}">会员介绍 </a></li>
                <li><a th:href="@{/#}">生活旅行</a></li>
                <li><a th:href="@{/#}"> 常见问题 </a></li>
                <li><a th:href="@{/#}"> 联系客服购物指南 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>特色服务</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>帮助中心</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>新手指导</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
</div>


<!-- jquery latest version -->
<!--<script th:src="@{/new/js/vendor/jquery-1.12.0.min.js}"></script>-->
<!-- Bootstrap framework js -->
<script th:src="@{/new/js/bootstrap.min.js}"></script>
<!-- All js plugins included in this file. -->
<script th:src="@{/new/js/plugins.js}"></script>
<script th:src="@{/new/js/slick.min.js}"></script>
<script th:src="@{/new/js/owl.carousel.min.js}"></script>
<!-- Waypoints.min.js. -->
<script th:src="@{/new/js/waypoints.min.js}"></script>
<!-- Main js file that contents all jQuery plugins activation. -->
<script th:src="@{/new/js/main.js}"></script>
<script>banner1()</script>

</body>

</html>